<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>分类管理</title>
    <script src="__STATIC__/Js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="__STATIC__/hdjs/hdjs.css"/>
    <script src="__STATIC__/hdjs/hdjs.min.js" type="text/javascript" charset="utf-8"></script>

    <style type="text/css">
        .plus_minus{
            width: 20px;
        }
        table .hd-btn{
            margin: 0;
        }
        table tr a:hover{
            text-decoration: none;
        }

        .title{background:#6FB100;height:30px;color:#fff;line-height:30px;font-weight:bold;padding-left:10px;font-size:14px;}
         .title .add{float:right;}
          .title .add a{color:#fff;line-height:23px;margin-right:18px;}
        .title a:hover{text-decoration: none;}    

        </style>


    <link rel="stylesheet" type="text/css" href="__STATIC__/bootstrap/css/bootstrap.min.css"/>
  <script type="text/javascript">
        $(function(){
            //所有子分类的tr都隐藏
            $('tr[pid!=0]').hide();
            //点击第一次展开，再点击收缩
            $('.click-btn').toggle(function(){
                //点击成为减号
                $(this).removeClass('glyphicon-plus').addClass('glyphicon-minus');
                //展开
                var cid = $(this).parents('tr').attr('cid');
                $('tr[pid='+cid+']').show();
            },function(){
                //点击成为减号
                $(this).removeClass('glyphicon-minus').addClass('glyphicon-plus');
                var cid = $(this).parents('tr').attr('cid');
                // 发送异步
                $.ajax({
                 type:'post',
                 url:"{|U:'Category/ajaxText'}",
                 dataType:'json',
                 data:{cid:cid},
                 success:function(phpData){
                      $.each(phpData, function(k,v){
                        $('tr[cid='+v+']').hide();

                     });
                 }

                })
               
            })
        })
    </script>
   </head>
<body>

<div class="title"  >分类列表
   <div class="add" > <a href="{|U:'Category/add'}" class="glyphicon glyphicon-plus">添加分类</a></div>

</div>
<div class="wrap">
    <table class="hd-table hd-table-list">
        <thead>
        <tr pid=0>
            <td width="30"></td>
            <td>分类id</td>
            <td>分类名称</td>       
            <td>分类描述</td>
            <td>分类排序</td>
            <td>是否显示</td>
            <td width="200">操作</td>
        </tr>
        </thead>
        <tbody>
        <foreach from="$data" key="$k" value="$v">
        <tr pid={$v.pid} cid={$v.cid}>
            <td width="30">
                <a href="javascript:;" class="glyphicon glyphicon-plus click-btn"></a>
            </td>
            <td>{$v.cid}</td>
            <td>{$v._name}</td>
            <td>{$v.cdesc}</td>
            <td>{$v.csort}</td>      
            <td>{$v.is_show}</td>
            <td width="200">
                        <a href="__CONTROLLER__/add_son&cid={$v.cid}" class="hd-btn hd-btn-success hd-btn-xm">添加子分类</a>
                        <a href="__CONTROLLER__/edit_cate&cid={$v.cid}" class="hd-btn hd-btn-primary hd-btn-xm">编辑</a>
                        <a href="javascript:hd_modal_del({$v.cid});" class="hd-btn hd-btn-danger hd-btn-xm">删除</a>
            </td>
            </tr>
            </foreach>
        </tbody>
    </table>
    <div class="page_hdjob">
        
    </div>
</div>

</body>
<script type="text/javascript">
    function hd_modal_del(id) {
        hd_modal({
            width: 200,//宽度
            height: 150,//高度
            title: '确认删除吗？',//标题
            content: '',//提示信息
            button: true,//显示按钮
            button_success: "确定",//确定按钮文字
            button_cancel: "取消",//关闭按钮文字
            timeout: 0,//自动关闭时间 0：不自动关闭
            shade: true,//背景遮罩
            shadeOpacity: 0.4,//背景透明度
            success: function () {//点击确定后的事件
                location.href = '__CONTROLLER__'+'&a=del&cid='+id;
            },
            cancel: function () {//点击关闭后的事件
                
            }
        });
    }
</script>
</html>


